.slide {
	width: 800px;
	height: 400px;
	box-shadow: 0px 0px 5px #c1c1c1;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}

.slide ul {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 400px;
	width: 11930px;
}

.slide ul li {
	width: 800px;
	height: 400px;
	overflow: hidden;
	float: left;
}

.slide ul li img {
	width: 100%;
	height: 100%;
}

.slide .ico {
	width: 800px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 10px;
	z-index: 1;
}

.slide .ico a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../img/01.png) no-repeat 0px 0px;
	margin: 0px 5px;
}

.slide .ico .active {
	background: url(../img/02.png) no-repeat 0px 0px;
}

.btnLeft {
	width: 50px;
	height: 60px;
	left: 10px;
	top: 180px;
	background: url(../img/j1.png) no-repeat 0px 0px;
	position: absolute;
	z-index: 2;
}

.btnLeft:hover {
	background: url(../img/j1.png) no-repeat 0px 0px;
}

.btnRight {
	width: 50px;
	height: 60px;
	right: 10px;
	top: 180px;
	background: url(../img/j2.png) no-repeat 0px 0px;
	position: absolute;
	z-index: 2;
}

.btnRight:hover {
	background: url(../img/j2.png) no-repeat 0px 0px;
}
.scrollsbox{
	margin:15px;
}
.scrollsbox .slide ul{
	height: auto;
}
.scrollsbox .slide,.scrollsbox .slide ul li{
    width:400px;
    height:300px;
    margin-top:0;
}
.scrollsbox .btnLeft,.scrollsbox .btnRight{
	display: none;
}